<template>
  <div id="app">
      <div class="swiper-container">
          <div class="swiper-wrapper">
            <router-view></router-view>
          </div>
          <div class="swiper-pagination"></div>
          <!--navigation buttons -->
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="scss">
    @import "assets/config.scss";
    a {
        list-style: none;
    }
    $huansuan: 32;
    #app {
      width: 100%;
      height: 100%;
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        /* Center slide text vertically */
    }
</style>
